@CHARSET "UTF-8";

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* end reset */

/* colors
#88bfe8, #367fb5 - gradient blue
#cfebff, #b1deff - gradient light blue
#f6f6f6, #f1f1f1 - gradient grey
end colors */


/* global */
body{font-family:"PT Sans",sans-serif; font-size:11px; color:#6f6f6f;}
.clr{clear:both;}
.cp{cursor:pointer;}
a{color:#367fb5;}
header.main{background-color:#F1F1F1; border-bottom:1px solid #D2D2D2; position:fixed; width:100%; top:0; z-index:100;}
header.main p{margin:10px; float:right;}
header.main nav{overflow:hidden; margin:10px;}
header.main nav li{float:left; border:1px solid #d9d9d9; background-color:#f3f3f3;}
header.main nav li a{text-decoration:none; display:block; color:#838383;}
header.main nav li:hover,
header.main nav li.active{background-color:#e5e7e4; color:#6a6a6a;}
section.main{width:100%; position:relative; margin-top:50px;}
section.main #loading{position:absolute; background:url(../images/loader.gif) no-repeat top right; padding-right:30px; top:0; left:10px; display:none;}
section.main .content{margin:10px; position:relative;}
footer.main{overflow:hidden; background-color:#F1F1F1; position:absolute; bottom:0px; width:100%; border-top:1px solid #D2D2D2; line-height:20px; padding:10px 0;}
footer.main .content{padding:0 10px;}
footer.main .content p{float:right;}
footer.main .content p:first-child{float:left;}
/* end global */

/* btns */
.btnTxt{background-position:7px 3px; background-repeat:no-repeat;}
.btnTxt a{display:block; padding:5px 5px 5px 28px;}
.btnIco{display:block; width:16px; height:16px; background-color:#f3f3f3; float:left; padding:5px; background-repeat:no-repeat; background-position:4px 4px; margin-right:3px; border:1px solid #d9d9d9; cursor:pointer;}
.btnIco:hover{background-color:#E5E7E4;}

.btnTxt.dashboard{background-image:url(../images/ico-application.png);}
.btnTxt.users{background-image:url(../images/ico-user.png);}
.btnTxt.projects{background-image:url(../images/ico-report.png);}
.btnTxt.mailings{background-image:url(../images/ico-email.png);}
.btnTxt.timesheet{background-image:url(../images/ico-calendar.png);}

.btnIco.addUser{background-image:url(../images/ico-user_add.png);}
.btnIco.addGroupAdd{background-image:url(../images/ico-group_add.png);}
.btnIco.arrowRefreshSmall{background-image:url(../images/ico-arrow_refresh_small.png);}
.btnIco.delete{background-image:url(../images/ico-delete.png);}
.btnIco.folderAdd{background-image:url(../images/ico-folder_add.png);}
.btnIco.emailAdd{background-image:url(../images/ico-email_add.png);}
.btnIco.emailDelete{background-image:url(../images/ico-email_delete.png);}
.btnIco.emailEdit{background-image:url(../images/ico-email_edit.png);}
/* end btns */

/* numbers css */
.br3{border-radius:3px; -moz-border-radius:3px;}
.br7{}
.brt7{border-top-left-radius:7px; border-top-right-radius:7px; -moz-border-radius-topright:7px; -moz-border-radius-topleft:7px;}
.brb7{border-bottom-left-radius:7px; border-bottom-right-radius:7px; -moz-border-radius-bottomright:7px; -moz-border-radius-bottomleft:7px;}
.mb10{margin-bottom:10px;}
/* end numbers css */


/** form **/
/* sections */
form section{margin-bottom:10px;}
/* end sections *
/* labels */
form label{display:block; float:left; width:15%; line-height:20px;}
/* end labels */
/* inputs */
form input[type="submit"],
.btn{font-size:10px; padding:3px 7px; text-transform:uppercase; box-shadow:0 1px 0 rgba(255, 255, 255, 0.6) inset, 0 2px 5px rgba(255, 255, 255, 0.5) inset; border-radius:3px; height:24px; line-height:20px; background-color:#e6e6e6;  border-color:#c7c7c7 #b2b2b2 #b2b2b2 #c7c7c7; border-width:1px; border-style:solid; color:#555; width:auto; cursor:pointer;}
form input[type="submit"]:hover,
.btn:hover{box-shadow:0 0 3px #bbb;}
form input[type="text"],
form input[type="password"],
form input[type="email"]{background-color:#fff; width:80%; color:#6f6f6f; border:1px solid #bbb; border-radius:3px; height:20px; line-height:20px; padding:0 5px;}
form textarea{background-color:#fff; width:80% !important; color:#6f6f6f; border:1px solid #bbb; border-radius:3px; font:11px arial; padding:5px;}
form input[type="text"]:hover,
form input[type="text"]:focus,
form input[type="password"]:hover,
form input[type="password"]:focus,
form input[type="email"]:hover,
form input[type="email"]:focus,
form textarea:hover,
form textarea:focus{box-shadow:0 0 3px #bbb;}
/* end inputs */
/** end form **/

/* pagination */
ul.pagination{margin:10px 0;}
ul.pagination li{display:inline; cursor:pointer; padding:2px 4px; margin-right:3px; border:1px solid #d9d9d9; background-color:#f3f3f3;}
ul.pagination li:hover,
ul.pagination li.active{background-color:#ffc;}
/* end pagination */

/* alerts */
.alert{cursor:pointer; display:none; background-position:7px 3px; background-repeat:no-repeat; border-radius:7px; border-color:#c7c7c7 #b2b2b2 #b2b2b2 #c7c7c7; border-width:1px; border-style:solid; font-weight:bold; padding:10px 10px 10px 35px; margin:9px; color:#555;}
.alert.warning{text-align:left; box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset; background-color:#f0a8a8; background-image:url(../images/alert.png);}
.alert.warning:hover{background-color:#f0cccc;}
.alert.success{text-align:left; box-shadow:0 1px 0 rgba(255, 255, 255, 0.5) inset; background-color:#a2e8a2; background-image:url(../images/tick.png);}
.alert.success:hover{background-color:#c5e8c5;}
/* end alerts */

/* tools */
.tool{position:absolute; top:0; left:0; border-bottom-left-radius:7px; border-bottom-right-radius:7px;}
.tool.disable{background-color:#444; width:100%; height:100%; opacity:0.3; z-index:10;}
.tool.progressBar{width:100%; height:100%; z-index:10;}
.tool.progressBar .progressBarTotalBg{background-color:#444; width:100%; height:100%; opacity:0.3;}
.tool.progressBar .progressBarProgressBg{top:50%; border:1px solid #aaa; position:absolute; width:80%; height:15px; background-color:#fff; margin:-8px 10% 0 10%; border-radius:7px;}
.tool.progressBar .progressBarProgressVal{border-radius:7px; border:1px solid #b1deff; position:absolute; top:0; left:0; height:13px; background:-moz-linear-gradient(right top, #cfebff 0%, #b1deff 100%);}
.tool.progressBar .progressBarProgressVal p{text-align:right; line-height:13px; padding-right:5px;}
/* end tools */

/* widgets */
.elementMenu{margin-bottom:3px; overflow:hidden; clear:both;}
.elementHeader{border-top-left-radius:7px; border-top-right-radius:7px; margin:1px; color:#444; background:-moz-linear-gradient(center top , #f1f1f1, #e8e8e8) repeat scroll 0 0 transparent; padding:7px; font-size:14px; position:relative; border-bottom:1px solid #aaa;}
.elementHeader .numbers{font-size:11px; color:#6f6f6f; margin-left:5px;}
.elementHeader .numbers:before{content:'(';}
.elementHeader .numbers:after{content:')';}
.elementHeader .icons{position:absolute; right:5px; top:3px;}
.elementHeader .icons .arrow{display:block; float:left; height:16px; width:16px; background-position:top left; background-repeat:no-repeat;}
.elementHeader .icons .arrowUp{background-image:url(../images/ico-bullet_arrow_up.png);}
.elementHeader .icons .arrowDown{background-image:url(../images/ico-bullet_arrow_down.png);}
.elementBar{background-color:#e3e9ff; margin-bottom:5px; padding:5px;}
.elementContent{padding:5px; position:relative;}

.widgetPortlet{position:relative; overflow:hidden;}
.widgetPortlet .column{width:33%; float:left; min-height:50px;}
.widgetPortlet .column .portlet{margin:5px 5px 10px; border:1px solid #D9D9D9; background-color:#ffffff; border-radius:7px;}
.widgetPortlet .widgetPortletPlaceholder{border:1px dashed #3e65b2; height:50px;}

.widgetTree .widgetContent{margin:5px; border:1px solid #d9d9d9; border-radius:7px;}
.widgetTree .elementHeader{margin:1px 1px 5px 1px;}
.widgetTree .elementHeader span.loading{position:absolute; width:16px; height:11px; background:url(../images/loader.gif) no-repeat top left; top:6px; right:10px; display:none;}
.widgetTree .elementContent{padding:0;}
.widgetTree ul li{line-height:25px;}
.widgetTree ul li ul{margin-left:20px;}
.widgetTree span.group{background-repeat:no-repeat; background-position:top left; padding-left:15px; display:block; font-weight:bold;}
.widgetTree span.group:hover{background-color:#ecf2ff;}
.widgetTree span.group.plus{background-image:url(../images/ico-bullet_toggle_plus.png);}
.widgetTree span.group.minus{background-image:url(../images/ico-bullet_toggle_minus.png);}
.widgetTree span.leaf{display:block; padding-left:10px; font-weight:bold; border-radius:7px;}
.widgetTree span.leaf:hover{background-color:#f6f6f6;}
.widgetTree span.leaf.active{background:-moz-linear-gradient(top, #cfebff 0%, #b1deff 100%);}
.widgetTree .widgetTreePlaceholder{border:1px dashed #3e65b2; height:30px; width:100px;}

.widgetGrid table{width:100%;}
.widgetGrid table th{font-size:12px;}
.widgetGrid table th, td{border-color:#ddd #e7e7e7; border-width:1px; border-style:solid; background-color:#f6f6f6; padding:6px; text-align:center;}
.widgetGrid table tr:nth-child(odd) td{background-color:#fff;}
.widgetGrid table tr:hover td{background-color:#ffc;}

.widgetPanel .widgetContent{margin:5px;}

.widgetDialog{display:none;}
/* end widgets */

/* widget positions */
.asideLeft{left:-15px; position:relative;}
.asideLeft .widgetContent{border-top-left-radius:0; border-bottom-left-radius:0;}
.asideLeft .widgetContent .elementHeader{border-top-left-radius:0;}
.asideLeft .elementMenu{margin-left:5px;}
.asideLeft span.leaf{display:block; padding-left:10px; font-weight:bold; border-radius:0; border-top-right-radius:7px; border-bottom-right-radius:7px;}
/* end widget positions */

/* ui */
.ui-dialog form{font-size:11px;}
.ui-dialog form p.inp{overflow:hidden; clear:both; margin-bottom:10px;}
.ui-dialog form p.inp label{display:block; float:left; width:40%; line-height:18px;}
.ui-dialog form p.inp input[type="text"]{display:block; float:right; width:50%; height:16px; line-height:16px; padding:0 5px; border:1px solid #D9D9D9;}
/* end ui */

/* templates */
.templateLogin{height:100%;}
.templateLogin header{height:45%; position:relative; background:-moz-linear-gradient(top, #88bfe8 0%, #367fb5 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(100%,#367fb5)); background:-webkit-linear-gradient(top, #88bfe8 0%,#367fb5 100%);}
.templateLogin header h1{position:absolute; bottom:5%; left:20%; font-size:48px; color:#fff;}
.templateLogin header small{font-size:12px; color:#ceeaff;}
.templateLogin section{box-shadow:3px 0 4px rgba(0, 0, 0, 0.1); border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding:5px 0; text-align:center; background:-moz-linear-gradient(top, #f6f6f6 0%, #f1f1f1 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(100%,#367fb5)); background:-webkit-linear-gradient(top, #88bfe8 0%,#367fb5 100%);}
.templateLogin section input[type="text"],
.templateLogin section input[type="password"]{width:150px;}

.templateUsers .widgetTree{float:left; width:25%;}
.templateUsers .widgetPanel{float:left; width:75%}

.templateMailings .widgetTree{float:left; width:25%;}
.templateMailings .widgetPortlet{float:left; width:75%}

.templateTimesheet .widgetPortlet .projectsList{float:left; width:20%;}
.templateTimesheet .widgetPortlet .timesheetList{float:right; width:80%;}
.templateTimesheet .widgetPortlet .timesheetList ul li{float:left; text-align:center;}
.templateTimesheet .widgetPortlet .timesheetList ul li input{width:80%;}
/* end templates */
